html, body { margin: 0; padding: 0; }
.pagebox { position: relative; }
.ind_ban img { width: 100%; }
/*右侧在线客服*/

.r_online { width: 50px; position: fixed; z-index: 80; top: 43%; right: 10px; }
.r_online ul li { width: 50px; height: 50px; border: 1px solid #eeeeee; margin-bottom: 7px; background: #ffffff; position: relative; }
.r_online ul li em { display: inline-block; vertical-align: top; width: 100%; height: 100%; overflow: hidden; background-image: url('../images/r_online.png'); background-repeat: no-repeat; position: relative; }
.r_online ul li div { position: absolute; z-index: 2; top: 0; right: 55px; border: 1px solid #eeeeee; border-top: 5px solid #4076E4; box-sizing: content-box; padding: 0 10px; font: normal 16px/44px "微软雅黑"; background: #FFF; display: none; }
.r_online ul li.online { background: #4076E4; border: 1px solid #4076E4; }
.r_online ul li.online em { background-position: 0px 0px; }
.r_online ul li.tel div { width: 170px; }
.r_online ul li.tel em { background-position: -50px -50px; }
.r_online ul li.email div { width: 220px; }
.r_online ul li.email em { background-position: -100px -50px; }
.r_online ul li.ewm div { width: 120px; font: normal 14px/24px "微软雅黑"; text-align: center; padding: 10px; }
.r_online ul li.ewm em { background-position: -150px -50px; }
.r_online ul li.ewm div img { max-width: 100%; }
.r_online ul li.qq div { width: 80px; padding-bottom: 20px; }
.r_online ul li.qq em { background-position: -200px -50px; }
.r_online ul li.scrolltop em { background-position: -250px -50px; }
.r_online ul li:hover { background: #4076E4; border: 1px solid #4076E4; }
.r_online ul li:hover div { display: block; }
.r_online ul li.tel:hover em { background-position: -50px 0px; }
.r_online ul li.email:hover em { background-position: -100px 0px; }
.r_online ul li.ewm:hover em { background-position: -150px 0px; }
.r_online ul li.qq:hover em { background-position: -200px 0px; }
.r_online ul li.scrolltop:hover em { background-position: -250px 0px; }

@media screen and (max-width:1000px) {
.r_online { display: none; }
}
